<!DOCTYPE html>
<html>
<head>
<meta content="Label Form, iptutorplus" name="description">
<meta charset="utf-8">
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen">
<title>Label Form | IPTutor[+]</title>
<style type="text/css">
html {overflow-y:scroll;}
body {
	background:white url('img/bg-line-repeat.png') repeat;
	font:normal 11px Arial,Sans-Serif;
	color:#666;
	margin:0 0;
	padding:0 0;
}
a {color:#3868B5;}
h1 a {
	color:#666;
	text-decoration:none;
}
header,
footer {
	display:block;
	background-color:white;
	background-image:-webkit-linear-gradient(top,white,#eee);
	background-image:-moz-linear-gradient(top,white,#eee);
	background-image:-ms-linear-gradient(top,white,#eee);
	background-image:-o-linear-gradient(top,white,#eee);
	background-image:linear-gradient(top,white,#eee);
	padding:10px 15px;
	overflow:hidden;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);
	box-shadow:0 1px 3px rgba(0,0,0,0.4);
}
section {
	display:block;
	margin:30px 0;
	min-height:1000px;
}
header h1 {
	font:normal 18px 'Yanone Kaffeesatz',Impact,Arial,Sans-serif;
	margin:0 0;
	padding:0 0;
	text-transform:uppercase;
	text-shadow:0 1px 0 white;
}
</style>
</head>
<body>
<header>
	<h1><a href="http://www.iptutorplus.com/2013/04/label-form.html">Label Form Show/Hide</a></h1>
</header>
<div class="form-item">
    <strong>Nama:</strong> <input type="text"/>
	<label>Ketik nama lengkap Anda</label>
</div>
<div class="form-item">
    <strong>Alamat Lengkap:</strong> <input type="text"/>
	<label>Mohon ketik setiap awalan kata dengan huruf kapital</label>
</div>
<div class="form-item">
	<strong>Keterangan:</strong>
	<textarea></textarea>
    <label>Beritahu kami mengenai riwayat pendidikan<br/>dan pekerjaan Anda secara singkat</label>
</div>
</body>
</html>